.my {
  .app-header {
    padding: 0 1em;
    .title {
      text-align: left;
    }
  }

  .main {
    .rem(56);
  }

  .acount-info {
    padding: 0.5em 1em;
  }
  .acount-func {
    margin: 0 0.5em;
    li {
      display: flex;
      align-items: center;
      position: relative;
      padding: 1em;
      border-bottom: 1px solid @gray;
      // background for arrow
      &::before {
        margin-right: 1.1em;
      }

      &::after{
        content:'>';
        position: absolute;
        right: 1em;
      }

    }
    .my-fav{
      &::before {
        .ico(135, 135, @my-fav, 0,background);
       
      }
    }
    .modify-pwd{
      &::before {
        .ico(135, 135, @modify-pwd, 0,background);
       
      }
    }
  }
}
